<template>
	<view class="wrapper">
		<view class="cover"></view>
		<view class="main margin-top-80">
			<view class="point margin-bottom32">
				契约说明
			</view>

			<view class="point">
				1.定一个目标对象
			</view>

			<view class="point-detail margin-bottom32">
				如：坚持练书法
			</view>

			<view class="point">
				2.设定目标对象的契约任务
			</view>

			<view class="point-detail margin-bottom24">
				如：设定坚持练书法一个月：<br />一个月内，练书法打卡的次数（日数）达6天及以上。
			</view>

			<view class="height1 margin-bottom32"></view>

			<view class="point">
				3.自主选择预捐赠金额和预捐赠项目
			</view>

			<view class="point-detail">
				如：40元人民币。
			</view>

			<view class="attach margin-bottom32">
				注：用户所选择皆为用户自愿选择，用户未达标其所设立的目标后，用户需自行向预捐赠项目捐赠预捐赠金额。
			</view>

			<view class="point">
				4.打卡
			</view>

			<view class="point-detail">
				为保证目标对象打卡的真实性，用户需拍摄并上传该目标对象的真实图片。
			</view>

			<view class="point">
				如：背单词打卡截屏并上传第三方软件具有数据信息记录的图片。
			</view>

			<image class="image margin-bottom32" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free2/0f77d730-0d23-11ea-9889-87b6a1071455.png"
			 mode="aspectFit"></image>

			<view class="point">5.契约说明</view>

			<view class="point-detail margin-bottom24">
				用户在契约期限内，完成其所设定的契约任务后，待本平台工作人员核实后，方为用户与本平台的目标契约结束。
			</view>

			<view class="point-detail margin-bottom24">
				如：用户在所设立的契约期限内，成功打卡练书法6天及以上，即是完成契约任务。该用户亦无责任向公益项目捐赠款项。当然，如果用户爱做公益，我们也倍感欣慰！
			</view>

			<view class="point-detail">
				倘如用户在契约期限内，未能按照其所设定契约任务的要求完成任务，则该用户需向其所设立的“预捐赠公益项目”捐赠“预捐赠金”。
			</view>

			<view class="point-detail margin-bottom32">
				用户捐赠完毕后，需将“款项捐赠支付成功的详情凭证”截屏并上传至小程序平台，“个人捐赠”页面点击对应的捐赠项目进行上传捐赠截图。待本平台工作人员核实后，方为用户与本平台的目标契约结束。
			</view>

			<view class="point">
				如：截屏并上传捐赠截图
			</view>

			<image class="image margin-bottom24" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free2/ba820970-272c-11ea-b5fd-23c370828f10.jpg"
			 mode="aspectFit"></image>
			 
			 <view class="point-detail">
			 				 用户每次成功打卡即可得2个奖励金。1奖励金价值0.1元人民币。奖励金可提现为微信零钱。
			 </view>
			 <view class="button-wrapper">
			 	<u-button type="primary" size="default" @click="handleShowBonusInfo">点击了解更多奖励金信息</u-button>
			 </view>

			<!-- <view class="point-detail">
				特别说明：
			</view>

			<view class="point-detail">
				吃鲸目标小程序平台提供平台服务，用户所选择的捐赠金额、公益项目均为用户自愿选择，均由用户去执行落实捐赠给“腾讯公益”的爱心捐赠平台。如遇“腾讯公益”调整公益项目，用户可对实际捐赠公益项目对象有所调整。
			</view>

			<view class="point-detail">
				感谢您的信任和支持。
			</view> -->
		</view>

		<view class="button-wrapper">
			<u-button type="primary" size="default" @click="handleJumpSet">立即设定一个“坚持练书法”目标吧</u-button>
		</view>

		<view class="main">
			<view class="point">
				练书法的好处
			</view>

			<view class="point">
				1.提升形象
			</view>

			<view class="point-detail">
				有一手好的字，更能让人受欢迎。如果自己写上几幅字或者几幅对联，别人会对你有所崇拜。<br />练好书法，能够让人从内而外的散发出浓浓的书卷气息。学习书法，就要学习懂得礼、智、信，懂得如何欣赏美、发现美和创造美。<br />书法是一门易于掌握的艺术，在初学阶段非常容易上手,只要具备一定的文字素养，即有一定的书写概念的人,都可以学习,并通常在很短的时间内就可以书写毛笔字。
			</view>

			<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/e44ce330-e19d-11e9-8126-4dc7af777e1f.png"
			 mode="aspectFit"></image>

			<view class="poetry">
				红豆生南国，春来发几枝。<br />愿君多采撷，此物最相思。
			</view>

			<view class="height1 border-bottom margin-bottom24"></view>

			<view class="point">
				2.陶冶情操
			</view>

			<view class="point-detail">
				学习书法可以提升素质、启发智力、培养耐心、陶冶情操等等。一个美的坏境对于陶冶人的心灵和性情无疑是大有裨益的。<br />久练书法，会使人稳健练达，谦虚含蓄，深沉睿智。<br />学习书法可以增强观察力、记忆力、想象力、思维能力和人际交流能力，对自我心理控制能力也有很好的效果。<br />或许你并没有想的那么远那么多，静下心来练习书法一两个小时，就会品味到了书法的能使人沉静，清除一切杂念。
			</view>

			<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/b0e2aa50-f559-11e9-8126-4dc7af777e1f.jpg"
			 mode="aspectFit"></image>

			<view class="height1 border-bottom margin-bottom24"></view>

			<view class="point">
				3.享受美妙的时光
			</view>

			<view class="point-detail">
				在现代社会生活节奏这么快的环境下，练习书法，让心静下来，也是一种享受。<br />放下日常包袱，心平气和拿起毛笔，笔毫握在手中不像是一只笔，而是一个有生命的鸟儿，仿佛在自由飞翔，不受外界的干扰，体会到书法的魅力，艺术的熏陶。享受恬静时光里的岁月静好。<br />偶尔放慢一直在奔跑的脚步，去欣赏生活中细微的美丽，去享受一段美好的时光。
			</view>

			<image class="image" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/ec1fe8a0-e19d-11e9-8126-4dc7af777e1f.png"
			 mode="aspectFit"></image>

			<view class="word">
				众里寻他千百度。<br />蓦然回首，那人却在，灯火阑珊处。
			</view>

			<view class="height1 border-bottom margin-bottom24"></view>

			<view class="point-detail">
				当你开始要练书法后，会发现原来今天的天气这么蓝，云朵这么好看，草也特别的绿，是自己一直没有留意生活罢了。<br />走出室外，你感受的更多是自然是生活，而不是一直对着机器和冷冰冰的电脑手机。你做三四月份的事，在八九月自有答案。
			</view>

			<view class="point-detail margin-bottom32">
				你做三四月份的事，在八九月自有答案。
			</view>

			<view class="point margin-bottom24">
				Better late,than never. </br>
				只要开始，为时不晚。
			</view>

			<image class="image margin-bottom24" src="https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/c68feb30-e198-11e9-a30a-41900ee53442.png"
			 mode="aspectFit"></image>

			<view class="point">
				图文来源网络，如有侵权请联系删除。
			</view>
		</view>
		<!-- 奖励金信息 -->
		<u-popup v-model="showBonusInfo" mode="bottom">
			<view class="popup-wrapper">
				<view class="description-text">
					<view class="text">
						关于吃鲸信息奖励金
					</view>
					
					<view class="text">
						<view class="details">
							奖励金获得方式：
						</view>
						<view class="details">
							1、新用户首次登录小程序可获得2个奖励金。
						</view>
						<view class="details">
							2、新用户首次发布内容可获得2个奖励金。
						</view>
						<view class="details">
							3、一天内首次转发小程序可获得2个奖励金，一天内多次皆算一次。
						</view>
						<view class="details">
							4、每次成功打卡即可获得2个奖励金，一天内同目标打卡多次皆算一次。若用户通过非正常手段达标打卡的行为可视为作弊，如打卡内容为他人的内容，或发布内容与目标打卡契约不符合。我们有权将其此次成功打卡，改为未成功打卡，并取消该次奖励金的获得。
						</view>
					</view>
					
					<view class="text">
						注：1个奖励金价值0.1元人民币。奖励金可提现为微信零钱，用户可进入“奖励金和捐赠”页面，点击“提现至微信”。经后台核实后处理，即可将奖励金提现为微信零钱。具体到账时间请以信息通知为准。
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showBonusInfo: false,
				sysGoalId: ''
			}
		},
		onLoad(options) {
			this.sysGoalId = options.sysGoalId
		},

		methods: {
			handleShowBonusInfo() {
				this.showBonusInfo = true
			},
			handleJumpSet() {
				uni.navigateTo({
					url: `/pages/insidePages/setGoals/setGoalDetails?sysGoalId=${this.sysGoalId}`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrapper {
		padding-bottom: 32rpx;
	}

	.cover {
		height: 500rpx;
		width: 100%;
		background-image: url(https://vrfbylnr.cdn.bspapp.com/VRFBYLNR-free1/e07a5760-e19d-11e9-a3ed-05b4249b2ee6.png);
		background-size: contain;
		background-position: center center;
	}

	.button-wrapper {
		width: 90%;
		margin: 50rpx auto;
	}

	.main {
		width: 85%;
		margin: 0 auto;
		padding: 24rpx;
		border: 1px solid #000;
		background-color: #fff;
		z-index: 1;
		box-shadow: 2px 2px 10px #7f7f7f;
	}

	.margin-top-80 {
		margin-top: -80rpx;
	}

	.border-bottom {
		padding-bottom: 16rpx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	}

	.height1 {
		height: 1px;
	}

	.point {
		margin-bottom: 12rpx;
		font-size: 26rpx;
	}

	.point-detail {
		margin-bottom: 12rpx;
		font-size: 26rpx;
		color: #6d7278;
	}

	.attach {
		color: rgba(0, 0, 0, 0.25);
		font-size: 26rpx;
	}

	.image {
		width: 100%;
	}

	.margin-bottom24 {
		margin-bottom: 48rpx;
	}

	.margin-bottom32 {
		margin-bottom: 64rpx;
	}

	.image-text {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.flex-image {
		width: 45%;
	}

	.poetry {
		text-align: center;
		font-size: 26rpx;
		color: #6d7278;
	}

	.word {
		width: 70%;
		margin: 0 auto;
		font-size: 26rpx;
		color: #6d7278;
	}
	
	.popup-wrapper {
		padding: 40rpx;
		background-color: #000000;
			
		.title {
			margin-bottom: 28rpx;
			text-align: center;
		}
			
			
		.text {
			margin-bottom: 30rpx;
			font-size: 32rpx;
			color: #fff;
			
			.details {
				margin-bottom: 12rpx;
			}
		}
	}
</style>
